<template>
    <div>
      <div>
                <el-button class="refresh" @click="refresh"><i class="el-icon-refresh">刷新</i></el-button>
                <input class="input" type="search" placeholder=" 按员工名称查找" v-model="input"/>
                <p @click="findFileSearch" style="display: inline-block;">
                    <i class="el-icon-search"></i>
                </p>
      </div>
          <div id="table">
            <el-table :data="tableData">
                <el-table-column prop="empCode" label="员工工号" width="150"></el-table-column>
                <el-table-column prop="empName" label="员工姓名" width="150"></el-table-column>
                <el-table-column prop="departmentId" label="打卡类型" width="150"></el-table-column>
                <el-table-column prop="phone" label="打卡时间" width="150"></el-table-column>

            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button size="mini" type="primary" @click="handleUpdate(scope.row)" class="el-icon-edit" style="width:50px; height:30px; line-height:30px;">编辑</el-button>
                <el-button size="mini" type="danger" @click="handleDelete(scope.row)" style="width:50px; height:30px; line-height:30px;">删除</el-button>
              </template>
            </el-table-column>
            </el-table>
          </div>
    </div>
</template>
<script>

export default{
  name:'attendanceRecord',
    data() {
      return {
        tableData:[]
      }
    },
    methods: {
      handleUpdate(){

      },
      handleDelete(){

      }
    }
}
</script>
<style scoped>
  .refresh{
    padding: 10px;
  }
  .input{
    padding: 10px;
    display: inline-block;
    margin-left: 70px;
  }
  p{
    position: relative;
    top: 2px;
    left: 0px;
    width: 38px;
    height: 34px;
    text-align: center;
    line-height: 35px;
    border: 1px solid gray;
    border-left: none;
    border-radius: 0px 5px 5px 0px;
    background-color: rgb(247, 242, 242);
  }
</style>